<template>
  <n-config-provider :locale="locale" :date-locale="dateLocale" :theme-overrides="themeOverrides">
    <n-dialog-provider>
      <n-message-provider>
        <router-view></router-view>
      </n-message-provider>
    </n-dialog-provider>
  </n-config-provider>
</template>

<script setup>
import { ref, provide, reactive } from 'vue'
import { zhCN, dateZhCN } from 'naive-ui'
import { styles } from '@/lib/naiveUI'
import methods from '@/mixins'

provide('globalMethods', methods)

const locale = ref(zhCN)
const dateLocale = ref(dateZhCN)
const themeOverrides = reactive(styles)

</script>

<style lang="less">
@import './assets/styles/global.less';
</style>
